<!DOCTYPE>
<html>
<head>
	<title id="webtitle">产品独立控制面板</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="keywords" content="" />
	<meta name="description" content="" />
	<script type="text/javascript" src="public/maincss.js"></script>
	<script type="text/javascript" src="public/main.js"></script>

	<style type="text/css">
		body {
			margin: 0;
			padding: 0;
		}

		input{
			appearance:none;
			-moz-appearance:none;
			-webkit-appearance:none;
			background: none;
			border:none;
		}

		.wrap{
			margin: 200px 0 0 200px;
		}

		.box {
			position: relative;
			width: 270px;
			height: 30px;
			border-radius: 20px;
			background: #686B69;
			line-height: 30px;
			overflow: hidden;
			color: #fff;
			font-size: 12px;
		}

		.btn {
			position: absolute;
			top: 0;
			left: 0;
			height: 30px;
			width: 30px;
			background: #0e81cc;
			border-radius: 20px;
			text-align: center;
			z-index: 100;
		}

		.tips {
			position: absolute;
			top: 0;
			left: 0;
			height: 30px;
			width: 270px;
			text-align: center;
			z-index: 99;
		}
	</style>
</head>
<body >
<!--头部开始-->
<div id="header"></div>
<!--头部结束-->
<!--登录开始-->
<div class="clear"></div>
<!-- 内容区 开始 -->
<div class="content" id="content">
	<div class="wide1190" style="position: relative;">
		<!--登陆表单容器 开始-->
		<div class="login-box" id="controlPanelLoginDiv">
			<div class="text-center hide m-login-logo"></div>
			<div class="login-title">产品独立控制面板</div>
			<div class="login-from">

				<el-form ref="formLogin" :model="form" :rules="rules">
					<el-form-item prop="productClass">
						<el-select v-model="form.productClass" placeholder="请选择产品" style="width: 270px">
							<i slot="prefix" class="el-input__icon el-icon-menu"></i>
							<el-option
									v-for="item in proList"
									:key="item.productClass"
									:label="item.productName"
									:value="item.productClass">
							</el-option>
						</el-select>
					</el-form-item>
					<el-form-item prop="instance">
						<el-input v-model="form.instance" placeholder="请输入实例ID" style="width: 270px">
							<i slot="prefix" class="el-input__icon el-icon-user-solid"></i>
						</el-input>
					</el-form-item>
					<el-form-item prop="pwd">
						<el-input v-model="form.pwd" placeholder="请输入管理密码" style="width: 270px" show-password>
							<i slot="prefix" class="el-input__icon el-icon-key"></i>
						</el-input>
					</el-form-item>
					<el-form-item>
						<div class="cl pt-10">
							<div class="box" id="box">
								<div class="btn" id="dragEle"></div>
								<div class="tips" id="tMsg">拖动滑块到最右边</div>
							</div>
						</div>
					</el-form-item>
					<el-form-item>
						<el-button type="primary" :disabled="submitVisible" style="width: 270px" @click="login">立即登录</el-button>
					</el-form-item>
				</el-form>


			</div>
		</div>
	</div>
	<!--登陆表单容器 结束-->
</div>
</div>
<!--登录结束-->
<!--底部开始-->
<div id="loginfooter"></div>
<!--底部结束-->
<script type="text/javascript">
    $(function(){
        $('.login-from').keydown(function(ev){
            var e=ev||event;
            keycode=e.keycode||e.which;
            if(keycode==13){
                $('.g-blue-btn').trigger("click");
            }
        });
    });
</script>
<script type="text/javascript" src="controlPanel/controlPanel.js"></script>
</body>